/* 弹性布局 */
.x-x {
  display: flex;
}

/* 子盒子不拉伸 */
.x-fs {
  display: flex;
  align-items: flex-start;
}

/* 水平居中 垂直居中 */
.x-fc {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* x水平排列*/
.x-f {
  display: flex;
  align-items: center;
}

/*横向排列，自动换行*/
.x-w {
  display: flex;
  flex-wrap: wrap;
}

/*x平分 横向排列，自动换行*/
.x-aw {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
/*x平分 左对齐  平分*/
.x-fsa {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
/*x两端且水平居中*/
.x-bc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.x-f1 {
  display: flex;
  flex: 1;
}

.x-e {
  display: flex;
  justify-content: end;
}

/*x两端对齐*/
.x-b {
  display: flex;
  justify-content: space-between;
}

/*x平分且水平居中*/
.x-ac {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/*x水平靠上对齐*/
.x-start {
  display: flex;
  /*align-items: center;*/
}

/*x水平上下居中*/
.x-center {
  display: flex;
  justify-content: center;
}

/*x水平靠下对齐*/
.x-end {
  display: flex;
  align-items: flex-end;
}

/* 水平靠右对其 */
.x-f-end {
  display: flex;
  flex-direction: row-reverse;
}

/* 水平靠左对齐 */
.x-f-start {
  display: flex;
  flex-direction: flex-start;
}

/*上下左右居中*/
.x-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*y竖直上下左右居中*/
.y-c {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/*y竖直靠左*/
.y-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/*y竖直靠右*/
.y-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/*y竖直居中*/
.y-f {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*y竖直上下对齐*/
.y-f-j {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*y竖直两端*/
.y-b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*y竖直两端居中*/
.y-bc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

/*水平排列自動換行*/
.f-w {
  display: flex;
  flex-wrap: wrap;
}
/*自适应*/
.flex1 {
  flex: 1;
}

/*左外边距15pxp*/
/* 一个字的距离 */
.padR13 {
  padding-left: 13px;
}

/*左右外边距15*/
.marLR15 {
  margin-left: 15px;
  margin-right: 15px;
}
/*左右外边距10*/
.marLR10 {
  margin-left: 10px;
  margin-right: 10px;
}

/*左外边距5pxp*/
.marL5 {
  margin-left: 5px;
}
/*左外边距10pxp*/
.marL10 {
  margin-left: 10px;
}
/*左外边距15pxp*/
.marL15 {
  margin-left: 15px;
}





/*左外边距20px*/
.marL20 {
  margin-left: 20px;
}
/*左外边距25pxp*/
.marL25 {
  margin-left: 25px;
}

/*左外边距30px*/
.marL30 {
  margin-left: 30px;
}
/*左外边距50px*/
.marL50 {
  margin-left: 50px;
}
/*左外边距100px*/
.marL100 {
  margin-left: 100px;
}
.marL180 {
  margin-left: 180px;
}
/*右外边距3px*/
.marR3 {
  margin-right: 3px;
}

/*右外边距5px*/
.marR5 {
  margin-right: 5px;
}

/*右外边距15px*/
.marR15 {
  margin-right: 15px;
}

/*右外边距10px*/
.marR10 {
  margin-right: 10px;
}

/*右外边距20px*/
.marR20 {
  margin-right: 20px;
}

/*右外边距50px*/
.marR50 {
  margin-right: 50px;
}

/*上外边距5px*/
.marT5 {
  margin-top: 5px;
}

/*上外边距10px*/
.marT10 {
  margin-top: 10px;
}

/*上外边距15px*/
.marT15 {
  margin-top: 15px;
}

/*上外边距20px*/
.marT20 {
  margin-top: 20px;
}
/*上外边距30px*/
.marT30 {
  margin-top: 30px;
}
/*下外边距5px*/
.marB5 {
  margin-bottom: 5px;
}
/*下外边距10px*/
.marB10 {
  margin-bottom: 10px;
}

/*下外边距15px*/
.marB15 {
  margin-bottom: 15px;
}

/*下外边距20px*/
.marB20 {
  margin-bottom: 20px;
}
/*下外边距30px*/
.marB30 {
  margin-bottom: 30px;
}

/*全内边距20px*/
.padd20 {
  padding: 20px;
}
/*全内边距15px*/
.padd15 {
  padding: 15px;
}
/*全内边距15px*/
.padd15 {
  padding: 15px;
}
/*全内边距10px*/
.padd10 {
  padding: 10px;
}
/*上内边距5px*/
.padT5 {
  padding-top: 5px;
}
/*上内边距15px*/
.padT15 {
  padding-top: 15px;
}
/*下内边距5px*/
.padB5 {
  padding-bottom: 5px;
}
/*下内边距15px*/
.padB15 {
  padding-bottom: 15px;
}
/*左内边距10px*/
.padL10 {
  padding-left: 10px;
}
/*右内边距5px*/
.padR5 {
  padding-right: 5px;
}
/*右内边距10px*/
.padR10 {
  padding-right: 10px;
}
/*右内边距15px*/
.padR15 {
  padding-right: 15px;
}
/*左内边距15px*/
.padL15 {
  padding-left: 15px;
}
/*左内边距20px*/
.padL20 {
  padding-left: 20px;
}
/*左内边距30px*/
.padL30 {
  padding-left: 30px;
}
